<%@ taglib prefix="height" uri="/struts-tags" %>

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <link rel="stylesheet" type="text/css" href="
    ${pageContext.request.contextPath}/js/easyui/themes/default/easyui.css">
    <link rel="stylesheet" type="text/css" href="
    ${pageContext.request.contextPath}/js/easyui/themes/icon.css">

    <script type="text/javascript" src="
    ${pageContext.request.contextPath}/js/easyui/jquery-1.8.0.min.js"></script>
    <script type="text/javascript" src="
    ${pageContext.request.contextPath}/js/easyui/jquery.easyui.min.js"></script>



</head>
<body class="easyui-layout">


<script type="text/javascript">
    var index = 0;
    function add(){
        index++;
        $('#tt').tabs('add',{
            title: 'Tab'+index,
            content: '<div style="padding:10px">Content'+index+'</div>',
            closable: true
        });
    }
    function remove(){
        var tab = $('#tt').tabs('getSelected');
        if (tab){
            var index = $('#tt').tabs('getTabIndex', tab);
            $('#tt').tabs('close', index);
        }
    }
</script>


<div data-options="region:'north'" style="height:50px" id="tab-tools">A
    <a href="javascript:void(0)" class="easyui-linkbutton" data-options="plain:true,iconCls:'icon-add'" onclick="add()"></a>
    <a href="javascript:void(0)" class="easyui-linkbutton" data-options="plain:true,iconCls:'icon-remove'" onclick="remove()"></a>

</div>
<div data-options="region:'south'" style="height:50px;">B</div>


<div data-options="region:'center' "  class="easyui-tabs" id="tt" >E
    <div title="My Documents" style="padding:10px" data-options="closable:true">
        </div> <div title="M22s" style="padding:10px">
        </div>



</div>

<div data-options="region:'east'"  style="width:180px;">C</div>

<div data-options="region:'west'"  style="width:100px;"  class="easyui-accordion">D
    <div title="1" data-options="iconCls:'icon-ok'">

          </div>
    <div title="Help" data-options="iconCls:'icon-help'" style="padding:10px;">
    </div>

    </div>

</body>
</html>
